@media screen and (min-width: 320px) and (max-width: 767px){
	html{font-size: 16px}
	.centerBox{
		width: 90%;
		margin: 0 auto;
	}
	.ban{
		width: 100%;
		height: 100%;
	}
	.ban img{
		width: 100%;
		height: 100%;
	}
	.wzhi{
		margin-top: 2%;
	}
	.centerBox{
		width: 90%;
		margin: 0 auto;
	}
	.wxiu{
		width: 100%;
		height: 100%;
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.wxiu img{
		width: 100%;
		height: 100%;
	}
	.cao {
		width: 100%;
		height: auto;
	}
	.cao li{
		width: 100%;
		height: auto;
	}
	.zi{
		width: 39%;
		margin: 1%;
	}
	.ji p:nth-of-type(1){
		font-size: 1.75rem;
	}
	.ji p:nth-of-type(2){
		font-size: 1.75rem;
		margin-left: 60%;
	}
	.ji p:nth-of-type(3){
		font-size: 1.5rem;
		margin-left: 40%;
		margin-top: 10%;
	}
	.xiao a{
		font-size: 1rem;
	}
	.ji{
		width: 90%;
		background-position: 20px 40px;
	}
	.xiao{
		width: 59%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.zhi{
		font-size: 0.75rem;
		width: 59%;
	}
	.bottom{
		width: 50%;
		height: 20px;
		margin-bottom: 7%;
	}
	.bottom1{
		width: 100%;
		height: 20px;
		margin-bottom: 7%;
		display: block;
	}
	.clear1{
		display: block;
	}
	footer{
		height: auto;
	}
	
}